<!-- 列表布局用户展示 - 适合展示更多用户 -->
<div class="list-users">
    <!-- 有图片的用户 -->
    <div class="user-card list-user-card">
        <div class="user-avatar-container">
            <img src="https://picsum.photos/seed/user3/200/200" alt="用户头像" class="user-avatar">
        </div>
        <div class="user-info">
            <div class="user-name">
                王建国
                <span class="user-status status-online">在线</span>
            </div>
            <p class="user-bio">程序员，分享前端开发技术和编程心得，偶尔吐槽工作日常。</p>
            <div class="user-stats">
                <div class="stat-item">
                    <i class="fas fa-user-friends"></i>
                    <span>856 粉丝</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-code"></i>
                    <span>64 技术文章</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-clock"></i>
                    <span>10分钟前活跃</span>
                </div>
            </div>
        </div>
        <div class="user-actions">
            <button class="btn btn-primary action-btn">关注</button>
        </div>
    </div>

    <!-- 没有图片的用户 -->
    <div class="user-card list-user-card">
        <div class="user-avatar-container avatar-icon">
            <i class="fas fa-user"></i>
        </div>
        <div class="user-info">
            <div class="user-name">
                咖啡不加糖
                <span class="user-status status-offline">离线</span>
            </div>
            <p class="user-bio">咖啡师，分享咖啡制作技巧和不同产地咖啡豆的特点，偶尔推荐咖啡馆。</p>
            <div class="user-stats">
                <div class="stat-item">
                    <i class="fas fa-user-friends"></i>
                    <span>421 粉丝</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-coffee"></i>
                    <span>38 分享</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-clock"></i>
                    <span>2小时前活跃</span>
                </div>
            </div>
        </div>
        <div class="user-actions">
            <button class="btn btn-primary action-btn">关注</button>
        </div>
    </div>

    <!-- 有多张图片的用户 -->
    <div class="user-card list-user-card">
        <div class="user-avatar-container">
            <div class="multi-avatar">
                <img src="https://picsum.photos/seed/band1/200/200" alt="乐队成员1">
                <img src="https://picsum.photos/seed/band2/200/200" alt="乐队成员2">
            </div>
        </div>
        <div class="user-info">
            <div class="user-name">
                极光乐队
                <span class="user-status status-online">在线</span>
            </div>
            <p class="user-bio">独立摇滚乐队，分享原创音乐和演出视频，记录乐队的成长历程。</p>
            <div class="user-stats">
                <div class="stat-item">
                    <i class="fas fa-user-friends"></i>
                    <span>5.7k 粉丝</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-music"></i>
                    <span>24 首歌曲</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-clock"></i>
                    <span>30分钟前活跃</span>
                </div>
            </div>
        </div>
        <div class="user-actions">
            <button class="btn btn-primary action-btn">关注</button>
        </div>
    </div>

    <!-- 有图片的用户 -->
    <div class="user-card list-user-card">
        <div class="user-avatar-container">
            <img src="https://picsum.photos/seed/user4/200/200" alt="用户头像" class="user-avatar">
        </div>
        <div class="user-info">
            <div class="user-name">
                林小雨
                <span class="user-status status-offline">离线</span>
            </div>
            <p class="user-bio">美食博主，擅长烘焙和家常菜，分享详细的食谱和烹饪技巧。</p>
            <div class="user-stats">
                <div class="stat-item">
                    <i class="fas fa-user-friends"></i>
                    <span>1.2k 粉丝</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-utensils"></i>
                    <span>96 食谱</span>
                </div>
                <div class="stat-item">
                    <i class="fas fa-clock"></i>
                    <span>昨天活跃</span>
                </div>
            </div>
        </div>
        <div class="user-actions">
            <button class="btn btn-primary action-btn">关注</button>
        </div>
    </div>
</div>
